.@{theme} {
  .itsm-checkboxgroup{
    .ant-checkbox-group{
      .ant-checkbox-group-item{
        span{
          color:@check-group-span-color;
        }
      }
    }
  }
  .ticket-main {
    .table-filter{
      position:absolute;
      float:left;
      z-index: 100;
      left: 297px;
      top: 60px;
      .ant-btn-primary {
        background-color: @filter-bg;
        border-color: @filter-bg;
      }
    }
    .ticket-table .ant-table tr a{
      color: @active-a-pri-color;
    }
    //.ticket-table .ant-table tr:hover td{
    //  color:@font-color-base;
    //}
    .menu {
      .process-filter {
        background-color: @nav-bg-color;
        height: 50px;
        overflow: hidden;
        border-bottom: 2px solid @nav-border;
        .ant-tabs-nav .ant-tabs-tab-inner {
          padding: 0;
        }
        .ant-tabs-bar {
          margin-bottom: 0;
          border-bottom: 0;
        }
        .ant-tabs-nav .ant-tabs-tab {
          margin-right: 0;
        }
        .ant-tabs-nav-wrap {
          margin-bottom: 0;
        }
        .ant-tabs-ink-bar {
          height: 0;
        }
        .ant-tabs-tab-next, .ant-tabs-tab-prev {
          margin-top: 0;
        }
        .ant-tabs-tab-prev-icon,.ant-tabs-tab-next-icon{
          width: 22px;
          height: 39px;
          line-height: 39px;
          margin-top: 5px;
          color: @btn-color-default;
          font-weight: 600;
          &:hover{
            background-color: @tag-bg-default;
            color: @btn-color-default;
          }
        }
        .ant-tabs-tab-btn-disabled {
          .ant-tabs-tab-prev-icon,.ant-tabs-tab-next-icon {
            &:hover {
              background-color: transparent;
            }
          }
        }
        a {
          color: @filter-a-color;
          display: block;
          font-size: 14px;
          line-height: 48px;
          padding: 0 30px;
          &:hover {
            color: @filter-a-hover-color;
          }
        }

        .active {
          a {
            background-color: @tab-bg;
            color: @font-color-white;
          }
        }
      }
      .filter {
        overflow: hidden;
        position: relative;
        background-color: @filter-bg;
        ul.quick-sort {
          overflow: hidden;
          padding-left: 14px;
          float: left;
          li {
            position: relative;
            float: left;
            padding: 8px 13px;
            a {
              color: @filter-a-color;
              display: block;
              font-size: 12px;
              line-height: 18px;
              height: 20px;
              padding: 0 10px;
              border-radius: 10px;
              border: 1px solid @filter-bg;
              &:hover {
                border-color: @filter-a-hover-color;
                color: @filter-a-hover-color;
              }
            }
            &:after {
              position: absolute;
              height: 12px;
              content: '';
              width: 1px;
              top: 12px;
              right: 0;
              border-right: 1px solid @nav-border;
            }
            &:last-child:after {
              height: 0;
            }
          }
          li.active {
            a {
              border-color: @filter-a-hover-color;
              background-color: @filter-a-hover-bg;
              color: @font-color-white;
            }
          }
        }
        .excel-filter{
          position: absolute;
          top: 0;
          right:310px;
          height: 36px;
          max-width:60px;
          //width: 165px;
          overflow:hidden;
          line-height:36px;
          color:@deep-font-color;
          transition:width 0.5s ease-in;
          -moz-transition:width 0.5s ease-in;
          -webkit-transition:width 0.5s ease-in;
          -o-transition:width 0.5s ease-in;
          @media (max-width: 1200px) {
            width:60px;
          }
          a{
            display:inline-block;
            .anticon{
              padding-right:6px;
            }
            @media (max-width: 1300px) {
              span{
                display: none;
              }
            }
          }
          .excel-download{

          }
          .excel-upload{
            margin-right:15px;
          }
        }
        .shows-filter {
          position: absolute;
          top: 4px;
          right: 0;
          height: 36px;
          width: 70px;
          overflow: hidden;
          .tab-button {
            position: absolute;
            right: 0;
          }
          .tab-button .active {
            background: @search-box-bg;
            color: @normal-font-color;
            border-color: @search-box-bg;
          }
        }

        .show-filter {
          position: absolute;
          top: 0;
          right: 40px;
          height: 36px;
          width: 266px;
          overflow: hidden;
          .search-wrap {
            padding: 5px 0;
            float: left;
            line-height: 26px;
            width: 152px;
            margin-right: 10px;
          }
          .more-filter {
            float: left;
            display: block;
            width: 75px;
            margin-top: 2px;
            height: 34px;
            line-height: 32px;
            text-align: center;
            color: @deep-font-color;
            .iconfont {
              font-size: 12px;
            }
            &.active {
              background-color: @calendar-bg;
              color: @active-font-color;
            }
          }
          .search-icon-pos{
            left: 10px;
            line-height: 26px;
            color: @input-placeholder;
            z-index: 1;
          }
          .search-input{
            border-radius: 2px;
            height: 26px;
            // color: @normal-font-color;
            margin-right: 13px;
            width: 150px;
            padding-left: 30px;
          }
        }
      }
      .filter-wrap {
        height: 0;
        transition: height .5s;
        overflow: hidden;

        .filter-form {
          background-color: @calendar-bg;
          padding: 15px 20px 10px;
          font-size: 14px;

          label {
            color: @form-label-color;
          }

          .ant-input {
            height: 26px;
            padding: 3px 8px;
          }
          .ant-select {
            margin-top: -2px;
          }
          .ant-select-selection--single {
            height: 26px;
            .ant-select-selection__rendered {
              height: 24px;
              line-height: 24px;
            }
          }
          .ant-form-item {
            margin-bottom: 8px;
          }
        }
      }
      .filter-wrap-open {
        height: 225px;
      }
    }

  @media (min-width: 1200px) {
    .ticket-main .menu .filter-wrap-open {
      height: 145px;
    }
    .ticket-filter-open {
      top: 237px;
    }
  }
}
}
